export default function mounted() {
    this.clientHeight = this.$refs.page.clientHeight;
    this.clientWidth = this.$refs.page.clientWidth;
    this.repairWidth =  0
    // 获取屏幕角度
    this.screen = this.getAngle({
        startX: 0,
        startY: 0,
        moveX: this.clientWidth,
        moveY: this.clientHeight
    })
    this.sqrt =
        Math.sqrt(Math.pow(this.clientHeight, 2) + Math.pow(this.clientWidth, 2)) + this.repairWidth ; 
    // 显示的内容
    this.contentStyle = {
        top: 0,
        left: 0,
        width: this.setSize(this.clientWidth),
        height: this.setSize(this.clientHeight),
        ...this.setTransform(this.rotate(0))
    }
    // 动画效果的样式
    this.effectStyle = {
        width: this.setSize(this.sqrt),
        height: this.setSize(this.sqrt),
        top: 0,
        left: 0,
        ...this.setTransform(
            this.translate3D(
                0, 0
            ) + this.rotate(0)
        )
    };
    // 翻角效果中角的样式
    this.hornStyle = {
        width: this.setSize(this.clientWidth),
        // height: this.setSize(this.clientWidth),
        height: this.setSize(this.clientHeight),
        top: 0,
        // left: this.setSize(this.sqrt - this.clientHeight),
        left: 0,
        ...this.setTransform(
            // this.rotate(-90) + this.translate3D(0, 0) + this.rotate(360)
            this.rotate(0) + this.translate3D(0, 0) + this.rotate(360)
        )
    };
    this.setTransformOrigin()
}